<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <form name="f1">
      <p>name <input type="text" name="uname" /></p>
      <button type="button" name="submitBtn">提交</button>
    </form>
    <script>
      /*
      input所有的表单对象都有的事件
      1. 只要有用户输入就会执行
      change所有的表单对象都有的事件
      1. 只有元素value值发生变化时候，并且元素失去焦点后触发
      */
      const f1 = document.f1;
      f1.uname.oncopy = function () {
        console.log("oncopy");
      };

      f1.uname.oncut = function () {
        console.log("oncut");
      };

      f1.uname.onpaste = function () {
        console.log("onpaste");
      };
      // f1.uname.onchange = function () {
      //   console.log(this.value);
      // };

      // f1.uname.oninput = function () {
      //   console.log(this.value);
      // };
    </script>
  </body>
</html>
